<extend name="Console:index"/>
<block name="main">

    <!--路径导航-->
        <div>
            <ol class="breadcrumb">
                    <li>电影</li>
                    <li>电影集数管理</li>
            </ol>
        </div>
    <div >
        <div style="float:left">

        </div>

        <div style="float:right">
            <a href="{:U('MovieLevel2/add',array('movie_id'=>$movie_id))}" class="btn btn-info">新增电影集数</a>
            <a href="{:U('Movie/index',$parameters)}" class="btn btn-danger">返回电影管理</a>
        </div>
        <div style="clear: both"></div>

        <div style="height: 10px"></div>
            <div>

                <table class="table table-bordered ">
                    <tr>
                        <th>序号</th>
                        <th>名称</th>
                        <th>状态</th>
                        <th>排序</th>
                        <th>时间</th>
                        <th>操作</th>
                    </tr>
                    <volist name="list" id="l" key="k">
                        <tr>
                            <td><input type="checkbox" name="check"  value="{$l.id}"/> {$k}</td>



                            <td>{$l.name}</td>

                            <td>

                                <eq name="l.status" value="1">
                                    <a href="###" class="btn btn-success btn-sm" data-id="{$l.id}" data-type="off" >已启用</a>

                                </eq>

                                <eq name="l.status" value="2">
                                    <a href="###" class="btn btn-danger btn-sm" data-id="{$l.id}" data-type="on" >已下架</a>

                                </eq>
                                <eq name="l.status" value="3">
                                    已删除
                                </eq>
                            </td>
                            <td>{$l.sort}</td>
                            <!--<td>-->
                                <!--<eq name="l.status" value="1">启用</eq>-->
                                <!--<eq name="l.status" value="2"><span style="color: red">下架</span></eq>-->
                            <!--</td>-->
                            <td>创建时间:<br><?php echo date('Y-m-d H:i:s',$l['create_time']); ?><br>
                                最近修改:<br><?php echo date('Y-m-d H:i:s',$l['last_update_time']); ?>
                            </td>
                            <td>
                                <a href="{:U('MovieLevel2/edit',array('movie_level2_id'=>$l['id']))}" class="btn btn-warning">编辑</a>

                            </td>
                        </tr>
                    </volist>

                    <tr>
                        <td><input type="checkbox" name="" id="allChecked"/>ALL</td>
                        <td colspan="13" >
                            <div >
                                <a href="#" class="btn btn-warning btn-sm" id="btn_on">启用</a>
                                <a href="#" class="btn btn-danger btn-sm" id="btn_off">下架</a>
                                <a href="{:U('MovieLevel2/add',array('movie_id'=>$movie_id))}" class="btn btn-info">新增电影集数</a>
                            </div>

                        </td>
                    </tr>

                 </table>
            </div>

        </div>

    <!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
    <script>
        $(function(){
            //选择了的数据集合
            function allchecked()
            {
                var checked = '';
                $("input[name='check']:checked").each(function () {
                    checked += $(this).prop('value') + ',';
                });
                return checked;
            }

            //全选/全不选
            $('#allChecked').click(function(){
                if ($("#allChecked").prop("checked")) {
                    $(":checkbox").prop("checked", true);
                } else {
                    $(":checkbox").prop("checked", false);
                }
            });

            //更改状态的函

            function alter(type,ids)
            {
                var t = type;
                var idlsit;
                if(ids){
                    idlist = ids;
                }else{
                    idlist = allchecked();
                }

                $.post('{:U("MovieLevel2/alter")}',{'idlist':idlist,'type':t},function(data){
                    alert(data.mes);
                    window.location.reload();
                });
            }


            //启用
            $('#btn_on').click(function(){if(confirm('你确定要对进行  "启用"  操作吗?')) alter('on');});
            //下架
            $('#btn_off').click(function(){if(confirm('你确定要对进行  "下架"  操作吗?')) alter('off');});
            $('#btn_del').click(function(){if(confirm('你确定要对进行  "删除"  操作吗?')) alter('del');});

            $("[href='###']").click(function(){
                var id = $(this).attr('data-id');
                var type = $(this).attr('data-type');
                var strType;
                if( type =='on' ){
                    strType = '启用';
                }
                if( type == 'off'){
                    strType = '下架';
                }
                if( type == 'del'){
                    strType = '删除';
                }

                if(confirm('你确定要对进行  '+strType+'  操作吗?')){
                    alter(type,id);
                }

            })

        });


    </script>

</block>